.icon-box {
    width: 100%;

    .el-button {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: var(--el-text-color-regular);
    }

    :deep(.el-dialog__body) {
        padding: 25px 20px 20px;

        .el-input {
            margin-bottom: 10px;
        }

        .icon-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, 115px);
            justify-content: space-evenly;
            max-height: 70vh;

            .icon-item {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 42px;
                padding: 20px 30px;
                cursor: pointer;
                transition: all 0.2s;

                &:hover {
                    transform: scale(1.3);
                }

                span {
                    margin-top: 5px;
                    line-height: 20px;
                    text-align: center;
                }
            }
        }
    }
}